a {
    text-decoration: none;
    display: block;
}


:root {
    --frame_offset: ((720px / 4) * (var(--viewjs2) - 1));
}
.menu-bar {
    position: absolute;
    right: 17px;
    font-size: 20px;
    top: 23px;
    
}
.closebtn {
    visibility: hidden;
    position: absolute;
    right: 18px;
    top: 20px;
}
.copyOne,
.copyTwo,
.copyTwo_detail,
.copyOne_detail,
.Two_detail {
    visibility: hidden;
    width: 100vw;
}

.Solution-Title-2,
.Solution-descript-2,
.Solution-button-2,
.Solution-Title-1,
.Solution-descript-1,
.Solution-button-1 {
    visibility:hidden;
}

.swiper-button-prev:after,
.swiper-button-next:after
 {
     font-weight: bold;
    font-size: 18px;
}
.swiper-button-next,
.swiper-button-prev {
    color: black;
    top: 230px;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    width: 100vw;
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
}

.fade-in .One {
    width: 100vw;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.fade-in .Two {
    width: 100vw;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}

.fade-in .Three {
    width: 100vw;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
}
.pagination3 {
    position: absolute;
    bottom: 10px;
    left: calc(var(--mid_x) - (36px /2));
}
.frame {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 564px;
    width: 100vw;
    vertical-align: middle;
    position: absolute;
    top: 60px;
    left: 0px;
    background-color: #FFFFFF;
}

.frame_swipe {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 564px;
    width: 100vw;
    vertical-align: middle;
    position: absolute;
    top: 60px;
    left: 0px;
    background-color: #FFFFFF;
}

.Solutions2 {
    width: 146px;
    height: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 33px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 107px;
    left: calc(var(--mid_x) - (146px / 2));
}

.fa-arrow-alt-circle-right {
    width: 30px;
    height: 30px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.77;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.Features-and-Capabilities {
    width: 300px;
    height: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    left: calc(var(--mid_x) - (300px / 2));
    top: 50px;
}

.Rectangle-1-Features {
    width: 273px;
    height: 2px;
    background-image: linear-gradient(to right, #70bdad, #285bb1);
    position: absolute;
    left: calc(var(--mid_x) - (273px / 2));
    top: 85px;
}

.Benefits {
    width: 87px;
    height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 50px;
    left: calc(var(--mid_x) - (87px / 2));
}

.Rectangle-1 {
    width: 86px;
    height: 2px;
    background-image: linear-gradient(to right, #70bdad, #285bb1);
    position: absolute;
    left: calc(var(--mid_x) - (87px / 2));
    top: 85px;
}

.Production {
    width: 130px;
    height: 19px;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    left: 20px;
    top: calc(291px - 60px);
}

.Plan-Control-and-Monitor-the-whole-production-at-any-point-in {
    width: 315px;
    height: 34px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffd270;
    position: absolute;
    left: 20px;
    top: calc(346px - 60px);
}

.ATNS-Production-part-of-ATNS-ERP-Edition-allows-for-t {
    width: 319px;
    height: 131px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    left: 20px;
    top: calc(404px - 60px);
}

.dropdown-1 {
    width: 320px;
    height: 6px;
    position: absolute;
    left: calc(var(--mid_x) - (321px / 2));
    top: calc(117px);
    border-top: 6px solid var(--solution-color);
    border-bottom: 1px solid var(--solution-color);
}

.frame2 {
    position: absolute;
    top: 564px;
    left: 0px;
}

.super_solution {
    width: 100vw;
    height: 408px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.Layer-31-1 {
    width: 100vw;
    height: 408px;
    position: absolute;
    top: 0px;
    background-color: #4d6073;
}

.Layer-31-2 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(83, 109, 112);
}

.Layer-31-3 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(87, 88, 114);
}

.Layer-31-4 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(110, 92, 84);
}

.Layer-31-5 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(87, 109, 83);
}

.Layer-31-6 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(130, 95, 105);
}

.Layer-31-7 {
    width: 100vw;
    height: 476px;
    position: absolute;
    top: 0px;
    background-color: rgb(111, 89, 116);
}

.Layer-1145 {
    width: 100vw;
    height: calc(849px);
    position: absolute;
    left: 0px;
    top: 10px;
}

.Layer-1146 {
    width: 100vw;
    height: 527px;
    position: absolute;
    top: 2457px;
    left: 0px;
    background-color: #ffffff;
}

.frame3 {
    width: 100vw;
    height: 509px;
    position: absolute;
    top: 955px;
    left: 0px;
    background-color: #ffffff;
    z-index: 0;
}
.frame4 {
    position: absolute;
    width: 100vw;
    height: 1435px;
    top: 1400px;
}
.footer {
    width: 100vw;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #1f1f1f;
}

.Rounded-Rectangle-1-copy,
.Solution-button-1  {
  width: 213px;
  height: 60px;
  border-radius: 10px;
  position: absolute;
  top: 354px;
  left: 0px;
  margin-left: calc(var(--viewjs2) * 20px);
}

.MoreEA,
.Solution-button-2 {
    width: 213px;
    height: 60px;
    border-radius: 10px;
    position: absolute;
    top: 372px;
    left: 0px;
    margin-left: calc(var(--viewjs2) * 20px);
}

.We-Never-Stop-Improving {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 63px;
    font-family: 'Open Sans Semi-bold', sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: calc(275px - 110px);
    left: 0px;
}
.Solution-Title-2,
.Solution-Title-1 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 63px;
    font-family: 'Open Sans Semi-bold', sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: calc(275px - 110px);
    left: 0px;  
}

.Never-Stop-Improving-Ourselves-for-Our-Customers-Innovation-a,
.Solution-descript-1 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 58px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: 256px;
    left: 0px;
}

.Two_detail,
.Solution-descript-2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 58px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: calc(368px - 85px);
    left: 0px;
}

.Our-Solutions {
    width: 100vw;
    height: 20px;
    font-family: 'Open Sans Light', sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 46px;
    left: 0px;
}

.Rectangle-773 {
    width: 148px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 85px;
    left: calc(50vw - (148px / 2));
}

.solution1 {
    width: 100vw;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution2 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution3 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution4 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution5 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution6 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.solution7 {
    width: 223px;
    height: 19px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.detail {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 173px;
    left: 0px;
}
.detail-MP {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 197px;
  left: 0px;
}
.detail-fi {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 218px;
  left: 0px;
}
.detail-TMX {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 191px;
  left: 0px;
}
.detail1 {
    width: 175px;
    height: 149px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.41;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    left: clac(var(--mid_x) - (275px/2));
    /* top: calc(104px + (27px * 2.41 * 0)); */
    top: 129px;
}

.detail2 {
    width: 175px;
    height: 149px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.41;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    left: clac(var(--mid_x) - (275px/2));
    /* top: calc(104px + (27px * 2.41 * 1)); */
    top: 177px;
}

.detail3 {
    width: 175px;
    height: 149px;
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.41;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    left: clac(var(--mid_x) - (275px/2));
    top: calc(101px + (27px * 2.41 * 2));
}
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 39px;
}
.tartL {
    width: 50vw;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 345px;
}

.tartR {
    width: 50vw;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 345px;
}

.arrow-circle-left {
    width: 30px;
    height: 30px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.77;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 300px;
    left: calc(50vw - 30px);
}

.arrow-circle-right {
    width: 30px;
    height: 30px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.77;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 344px;
    left: calc(47vw);
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-wrapper3 {
    height: 564px;
}
.swiper-pagination-bullet  {
    background: white;
    opacity: .3;
     margin-left: 10px;
}
.swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    opacity: 1;
}
/* .swiper-slide3 {
    height: 84%;
} */
.dots {
    position: absolute;
    top: 0px;
    width: ‭130px;
    left: calc(var(--mid_x) - (130px / 2) - 116px);
}

.dot1 {
    width: 10px;
    height: 10px;
    opacity: var(--solution1);
    position: absolute;
    left: 116px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot2 {
    width: 10px;
    height: 10px;
    opacity: var(--solution2);
    position: absolute;
    left: 136px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot3 {
    width: 10px;
    height: 10px;
    opacity: var(--solution3);
    position: absolute;
    left: 156px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot4 {
    width: 10px;
    height: 10px;
    opacity: var(--solution4);
    position: absolute;
    left: 175px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot5 {
    width: 10px;
    height: 10px;
    opacity: var(--solution5);
    position: absolute;
    left: 195px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot6 {
    width: 10px;
    height: 10px;
    opacity: var(--solution6);
    position: absolute;
    left: 215px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.dot7 {
    width: 10px;
    height: 10px;
    opacity: var(--solution7);
    position: absolute;
    left: 235px;
    top: 390px;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.Easy-Accounting-for-SAP-2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 129px;
    left: 0px;
}

.PA-Accelerator-for-SAP-2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 129px;
    left: 0px;
}

.Mobile-Plant-Maintenance-for-SAP2 {
    width: calc(100vw - (var(--viewjs2) * 35px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 129px;
    left: 0px;
}

.Costing-Cockpit-for-SAP-2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 129px;
    left: 0px;
}

.ATNS-ERP-2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 129px;
    left: 0px;
}
.arrow {
    width: 30px;
    height: 30px;
    top: 300px;
    left: calc(var(--mid_x) - (30px / 2));
    position: absolute;
}
.Business-Analytical-Applications-Using-SAP-Fiori {
    width: calc(100vw - (var(--viewjs2) * 84px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 117px;
    left: 28px;
}

.ATNS-Production-TMX {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    font-family: sans-serif, MyriadPro;
    font-size: 27px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 117px;
    left: 0px;
}

.Our-Services {
    width: 100vw;
    height: 19px;
    font-family: 'Open Sans Light', sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 46px;
    left: 0px;
    z-index: 999;
}

.Rectangle-Services {
    width: 136px;
    height: 3px;
    background-image: linear-gradient(to right, #70bdad, #285bb1);
    position: absolute;
    top: 84px;
    z-index: 999;
    left: calc(50vw - (136px / 2));
}

.Layer-1164 {
    width: 215px;
    height: 215px;
    position: absolute;
    top: 107px;
    left: calc(50vw - (215px / 2));
    background-image: url('../Image/main_services_img1_over.png');
}

.Layer-1160 {
    width: 215px;
    height: 215px;
    position: absolute;
    top: 107px;
    left: calc(50vw - (215px / 2));
    background-image: url('../Image/main_services_img2_over.png');
}

.Layer-1166 {
    width: 215px;
    height: 215px;
    position: absolute;
    top: 107px;
    left: calc(50vw - (215px / 2));
    background-image: url('../Image/main_services_img3_over.png');
}

.angle-right {
    width: 14px;
    height: 23px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 45px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.56;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 215px;
    right: calc(var(--viewjs2) * 20px);
}

.angle-left {
    width: 13px;
    height: 23px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 45px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.56;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 215px;
    left: calc(var(--viewjs2) * 20px);
}

.mehL {
    top: 130px;
    left: 0px;
    position: absolute;
    width: 60px;
    height: 215px;
}

.mehR {
    top: 130px;
    right: 0px;
    position: absolute;
    width: 60px;
    height: 215px;
}

.Training-and-Education2 {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 341px;
    left: 0px;
}

.Support {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 341px;
    left: 0px;
}

.Implementation {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    top: 341px;
    left: 0px;
}

.Gain-a-better-understanding-and-knowledge-of-new-processes-and {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 62px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 371px;
    left: 0px;
}

.Reliable-high-quality-and-risk-free-SAP-support-and-tailored {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 62px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 371px;
    left: 0px;
}

.Great-value-for-finance-manufacturing-and-production-to-help {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 62px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 371px;
    left: 0px;
}

.About-Us-2 {
    width: 100vw;
    height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 50px;
    left: 0px;
}

.Rectangle-2 {
    width: 101px;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    top: 90px;
    left: calc(50vw - (101px / 2));
}

.What-We-Do {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: 140px;
    left: 0px;
}

.We-provide-effective-solutions-and-services-to-meet-your-needs {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 242px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: 182px;
    left: 0px;
}

.Who-We-Are {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: 519px;
    left: 0px;
}

.We-are-a-provider-of-comprehensive-IT-solutions-striving-for-co {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 269px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    position: absolute;
    top: 563px;
    left: 0px;
}
.Contact-frame {
    position: absolute;
    width: 100vw;
    height: 575px;
    top: 2260px;
}
.Layer-1147 {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 30px;
    left: calc(50vw - (55px / 2));
}

.OUR-OFFICE {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans bold', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2c2f50;
    position: absolute;
    top: 100px;
    left: 0px;
}

.SKYWAY-DR-STE-711-OPELIKA-AL-36801-United-States {
    width: calc(100vw - 60px);
    height: 32px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 126px;
    left: 0px;
    margin-left: 30px;
    margin-right: 30px;
}

.Layer-1148 {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 201px;
    left: calc(50vw - (55px / 2));
}

.infowenestimcom {
    width: calc(100vw - 60px);
    height: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 301px;
    left: 0px;
    margin-left: 30px;
    margin-right: 30px;
}

.OUR-MAIL {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans bold', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2c2f50;
    position: absolute;
    top: 272px;
    left: 0px;
}

.Layer-1149 {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 360px;
    left: calc(50vw - (55px / 2));
}

.OUR-PHONE {
    width: 100vw;
    height: 13px;
    font-family: 'Open Sans bold', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2c2f50;
    position: absolute;
    top: 433px;
    left: 0px;
}

.phone-num {
    width: calc(100vw - 60px);
    height: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    position: absolute;
    top: 462px;
    left: 0px;
    margin-left: 30px;
    margin-right: 30px;
}